<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link href="//cdn.juqingdata.com/css/frozen.css" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>巨擎客服</title>
</head>
<body style="background: #fff;">

<section  class="ui-container">
<div style="text-align: center;padding:15% 10% 0;">
    <div><img src="/wx/img/logo.jpg"style="padding-top: 20px;width: 100%; max-width: 200px;"></div>
    <h3>机匣子</h3>
    <div style="margin-top:30px;display: none;" id="cstBtn">
        <a class="ui-btn ui-btn-primary" href="//kefu.easemob.com/webim/im.html?tenantId=22301">联系客服</a></div>
    </div>

</section>

<script src='//kefu.easemob.com/webim/easemob.js?tenantId=22301&hide=false&sat=false' async='async'></script>
<script>
    var ua = navigator.userAgent.toLowerCase();
    var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
    var isIphone = !ipad && ua.match(/(iphone\sos)\s([\d_]+)/);
    var isAndroid = ua.match(/(android)\s+([\d.]+)/);
    var isMobile = isIphone || isAndroid;

    if(isMobile){
        document.getElementById('cstBtn').style.display='block';
    }
</script>
</body>
</html>